<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="../static/jquery-easyui-1.5.5.3/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="../static/jquery-easyui-1.5.5.3/themes/bootstrap/easyui.css"/>
<link rel="stylesheet" type="text/css" href="../static/jquery-easyui-1.5.5.3/themes/icon.css"/>
<script type="text/javascript" src="../static/jquery-easyui-1.5.5.3/jquery.easyui.min.js"></script>
<script type="text/javascript" src="../static/jquery-easyui-1.5.5.3/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
	$(function(){
		$("#tb_3").datagrid({
			idField: 'id',
			title: '操作日志列表',
			width: '100%',
			fitColumns: true,
			striped: true,
			loadMsg: '数据正在加载...',
			singleSelect: true,
			rownumbers: true,
			url: 'list',
			columns: [
				[
					{
						field: 'id',
						title: 'id',
						width: 100,
						align: 'center'
					},{
						field: 'date',
						title: '操作时间',
						width: 150,
						align: 'center'
					},{
						field: 'operationName',
						title: '操作名称',
						width: 150,
						align: 'center'
					},{
						field: 'username',
						title: '操作者用户名',
						width: 150,
						align: 'center'
					}
				]
			],
			pagination: true,
			pageSize: 10,
			pageList: [3, 5, 10, 20]
		});
	});
</script>
</head>
<body>
<table id = "tb_3"></table>
</body>
</html>